// 页头
.headerbar {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    height: 0.88rem;
    line-height: 0.88rem;
    background: #fff;
    font-size: 0.28rem;
}

.headerbar .headerbar-left {
    text-align: left;
    width: 1.76rem;
    height: 0.88rem;
    font-size: 0;
}

.headerbar .headerbar-left .navigation {
    display: inline-block;
    width: 0.88rem;
    height: 0.88rem;
    text-align: center;
}

.headerbar .headerbar-left .navigation .icon-zuojiantou {
    font-size: 0.4rem;
    color: #232628;
}

.headerbar-center {
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
}

.headerbar-center .headerbar-content {
    font-size: 0.32rem;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}

// 页脚
.tabbar {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9;
    display: flex;
    align-items: center;
    overflow: hidden;
    background: #F7F9FA;
    .tabbar-item1 {
        color: rgb(35, 38, 40);
        height: .98rem/* 49/50 */
        ;
        flex: 1;
        text-align: center;
        >.navigation {
            height: .98rem/* 49/50 */
            ;
            padding-top: .08rem/* 4/50 */
            ;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            p {
                font-size: .22rem/* 11/50 */
                ;
                display: block;
                line-height: .304rem/* 15.2/50 */
                ;
                color: rgb(35, 38, 40);
            }
            i {
                font-size: .4rem/* 20/50 */
                ;
                display: block;
                color: rgb(35, 38, 40);
            }
        }
        .iconfont {
            font-size: .28rem/* 14/50 */
            ;
            margin-top: .12rem/* 6/50 */
            ;
            position: relative;
        }
    }
}

.main {
    background-color: rgb(226, 222, 222);
    border: 0;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    font-size: .28rem/* 14/50 */
    ;
    .login {
        height: .8rem/* 40/50 */
        ;
        line-height: .8rem/* 40/50 */
        ;
        text-align: center;
        background: #fff0ec;
        border: .02rem/* 1/50 */
        solid rgba(255, 115, 76, 0.2);
        .login-tips {
            font-size: .26rem/* 13/50 */
            ;
        }
        .login-btn {
            display: inline-block;
            margin-left: .32rem/* 16/50 */
            ;
            width: 1.28rem/* 64/50 */
            ;
            height: .48rem/* 24/50 */
            ;
            line-height: .48rem/* 24/50 */
            ;
            text-align: center;
            border-radius: .54rem/* 27/50 */
            ;
            border: .02rem/* 1/50 */
            solid #ff734c;
            color: #FF734C;
            font-size: .26rem/* 13/50 */
            ;
        }
    }
}

.emptycart {
    background-color: #fff;
    padding: .84rem/* 42/50 */
    0 1.04rem/* 52/50 */
    ;
    text-align: center;
    img {
        display: -webkit-inline-box;
        margin-left: -.28rem/* 14/50 */
        ;
        width: 2.54rem/* 127/50 */
        ;
    }
    .text {
        margin-top: .44rem/* 22/50 */
        ;
        color: #232628;
        font-size: .26rem/* 13/50 */
        ;
    }
    .home {
        display: inline-block;
        margin-top: .28rem/* 14/50 */
        ;
        width: 2.32rem/* 116/50 */
        ;
        height: .56rem/* 28/50 */
        ;
        line-height: .56rem/* 28/50 */
        ;
        background: #ff734c;
        border-radius: .54rem/* 27/50 */
        ;
        color: #ffffff;
        font-size: .3rem/* 15/50 */
        ;
        font-weight: 600;
    }
}

.guess {
    margin-top: .16rem/* 8/50 */
    ;
    padding-bottom: .98rem/* 49/50 */
    ;
    background-color: #fff;
    .guess-title {
        height: 1.12rem/* 56/50 */
        ;
        font-size: .32rem/* 16/50 */
        ;
        color: #232628;
        padding: 0 .32rem/* 16/50 */
        ;
        line-height: 1.12rem/* 56/50 */
        ;
    }
}

.guess-list {
    font-size: 0;
    padding: 0 1.2%;
    .guess-item {
        display: inline-block;
        width: 48.08743169%;
        margin: 0 0.93333333% .068rem/* 3.4/50 */
        ;
        border-radius: .08rem/* 4/50 */
        ;
        overflow: hidden;
        box-shadow: 0rem .08rem/* 4/50 */
        .12rem/* 6/50 */
        0rem #dee2e5;
        .guess-item-img {
            img {
                width: 100%;
                vertical-align: middle;
            }
        }
        .guess-item-detail {
            height: 1.04rem/* 52/50 */
            ;
            padding: .12rem/* 6/50 */
            .16rem/* 8/50 */
            ;
        }
    }
}

.guess-item-info {
    font-size: .24rem/* 12/50 */
    ;
    color: #232628;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.guess-item-price {
    margin-top: .12rem/* 6/50 */
    ;
    font-size: .28rem/* 14/50 */
    ;
    color: #FF734C;
}

.guess-bottom {
    height: .72rem/* 36/50 */
    ;
    line-height: .72rem/* 36/50 */
    ;
    margin-top: .04rem/* 2/50 */
    ;
    font-size: .24rem/* 12/50 */
    ;
    color: #71797F;
    text-align: center;
}